
$(function() {

    // 计算平均分 虚线高度
    var offsetHeight = $('.exam-score').offset().height
    $('.average i').css({ height: offsetHeight, top: -offsetHeight })

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('echarts'));

    // 指定图表的配置项和数据
    option = {
        radar: {
            indicator: [
               { name: '市场销售策略', max: 100 },
               { name: '产品亮点2', max: 100 },
               { name: '竞品分析', max: 100 },
               { name: '产品亮点1', max: 100 }
            ],
            axisLine: {
                lineStyle: {
                    color: 'rgba(255, 255, 255, 0.60)'
                } // 线条颜色
            },
            splitNumber: 4, // 圈数
            splitArea : {
                show : true,
                areaStyle : {
                    color: [
                        "rgba(255, 255, 255, .3)", 
                        "rgba(255, 255, 255, .2)", 
                        "rgba(255, 255, 255, .1)", 
                        "rgba(0, 0, 0, 0)", 
                    ]  // 图表背景网格的颜色
                }
            },
            splitLine : {
                show : true,
                lineStyle : {
                    width : 1,
                    color : '#979797', // 设置网格的颜色
                },
            },
        },
        series: [{
            type: 'radar',
            data : [
                {   
                    value : [50, 60, 70, 80], // 数据为逆时针 同 indicator
                    name : 'Leuxs中国',
                    itemStyle: {
                        normal: {
                            color: '#FFA700',
                        },
                    },
                }, {
                    value : [30, 50, 60, 40],
                    name : '华北一区',
                    itemStyle: {
                        normal: {
                            color: '#CBFF00',
                        },
                    },
                }, {
                    value : [30, 60, 40, 20],
                    name : '华北二区',
                    itemStyle: {
                        normal: {
                            color: '#00D7FF',
                        },
                    },
                }, {
                    value : [70, 60, 30, 80],
                    name : '华北一区',
                    itemStyle: {
                        normal: {
                            color: '#F887F6',
                        },
                    },
                }, {
                    value : [20, 30, 50, 80],
                    name : '华南一区',
                    itemStyle: {
                        normal: {
                            color: '#D14343',
                        },
                    },
                }, {
                    value : [40, 10, 30, 90],
                    name : '华南二区',
                    itemStyle: {
                        normal: {
                            color: '#A680E6',
                        },
                    },
                }
            ]
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})
